
#connect {
  position: inherit;
  top: 50px;
  left: 50%;
  height: auto;
  padding: 1em;
  z-index: 10000001;
}
#connect h1 {
  font-size: 28px;
  padding: 16px 0;
  color: #aaaaaa;
}
#connect p {
  color: #aaaaaa;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  
}
#connect #mascot{
	position:absolute;
	right:327px;
	top:400px;
}
 #closechat{
	display:none;
	text-align:right;
	margin-bottom:5px;
}
#connect #nickInput {
  font-size: 18px;
  padding: 3px;
}
#togglechat {
	float:right;
 }

#connect p.footnote {
  margin-top: 10px;
  font-size: 12px;
  color: #aaaaaa;
  font-style: italic;
}
#connect div.disclaimer {
  line-height: 18px;
  font-size: 14px;
  color: #666666;
  margin-top: 20px;
  width: 400px;
}
#connect div.disclaimer h4 {
  font-size: 18px;
  padding: 10px 0;
}
#connect div.disclaimer p { color: #666666; }
#connect div.disclaimer ul {
  font-size: 12px;
  padding-left: 25px;
  margin-bottom: 8px;
}
#connect div.disclaimer ul li {
  padding-left: 5px;
  list-style: square;
}
#loading {
  position: inherit;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1em;
  z-index: 10000000;
}
#loading p {
  width: 30em;
  border: 0;
}
#connect fieldset {
  width: 30em;
  border: 0;
}
#logwrap {
  display: block;
  height: 576px;
  overflow: auto;
}
#logwrap #closechat {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  text-align: right;
  padding-top: 10px;
  padding-right: 20px;
}
#logwrap #log table {
  font-size: 14px;
  line-height: 20px;
  border-collapse: collapse;
  border-spacing: 0;
  outline-width: 0;
  border-width: 0;
}
#logwrap #log table tr {
  outline-width: 0;
  border-width: 0;
}
#logwrap #log table td {
  outline-width: 0;
  border-width: 0;
}
#logwrap #log table td.hide { opacity: 0; }
#logwrap #log .message {
  margin: 0.1em 0;
  margin-left: 10px;
}
#logwrap #log .message td { vertical-align: top; }
#logwrap #log .notice td { color: #555555; }
#logwrap #log .join td { color: #555555; }
#logwrap #log .part td { color: #555555; }
#logwrap #log .message .date { color: #555555; }
#logwrap #log .error td { color: #993333; }
#logwrap #log .personal .nick { color: #ccdd55; }
#logwrap #log .notice .nick { color: #ccdd55; }
#logwrap #log .nick {
  font-weight: bold;
  padding: 0 1em 0 0.5em;
  padding-left: 15px;
}
#logwrap #log .nick a { color: inherit; }
#toolbar {
  position: inherit;
  color: #ffffff;
  width: 100%;
  bottom: 0;
  height: 99px;
  height: 71px;
}
#toolbar #entry {
  width: 295;
  height:35px;
  font-size: inherit;
  border-width: 1;
  outline-width: 1px;
  clear: both;
  float:left;
}
#toolbar #entry-btn { display: block; float:left; height:35px;border-width: 1;outline-width: 1px;}
#toolbar #status {
  display: block;
  width: 75%;
  height: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
  float:left;
  background: url("http://localhost/sites/rmci/media/images/nav.gif") repeat scroll 0 0 transparent;
}
#toolbar #status li {
  display: block;
  float: left;
  margin: 0 2em 0 0;
  margin-top: 4px;
  line-height: 100%;
}
#toolbar #closechatdiv {
  display: block;
  width: 25%;
  height: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
  float:left;
  background: url("http://localhost/sites/rmci/media/images/nav.gif") repeat scroll 0 0 transparent;
}
#toolbar #status #currentTime {
  margin-left: 10px;
  margin-right: 15px;
}
#toolbar #status #usersLink { color: inherit; }
